<template>
   <van-row class="service_info">
      <van-col span="8">
        <i class="icon icon_1"></i>
        <span>网易自营品牌</span>
      </van-col>
      <van-col span="8">
        <i class="icon icon_2"></i>
        <span>30天无忧退货</span>
      </van-col>
      <van-col span="8">
        <i class="icon icon_3"></i>
        <span>48小时快速退款</span>
      </van-col>
    </van-row>
</template>

<script>
export default {

}
</script>

<style>
.service_info {
  text-align: center;
  line-height: 0.8rem;
}

.service_info i.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 0.55rem;
  height: 0.55rem;
  vertical-align: middle;
}

.service_info i.icon_1 {
  background-image: url("@/assets/icon_1.png");
}

.service_info i.icon_2 {
  background-image: url("@/assets/icon_2.png");
}

.service_info i.icon_3 {
  background-image: url("@/assets/icon_3.png");
}

.service_info span {
  font-size: 0.38rem;
}
</style>